/*
* Copyright 2025 NXP
* NXP Confidential and Proprietary. This software is owned or controlled by NXP and may only be used strictly in
* accordance with the applicable license terms. By expressly accepting such terms or by downloading, installing,
* activating and/or otherwise using the software, you are agreeing that you have read, and that you agree to
* comply with and are bound by, such license terms.  If you do not agree to be bound by the applicable license
* terms, then you may not retain, install, activate or otherwise use the software.
*/

#include "lvgl.h"
#include <stdio.h>
#include "gui_guider.h"
#include "events_init.h"
#include "widgets_init.h"
#include "custom.h"



void setup_scr_screen(lv_ui *ui)
{
	//Write codes screen
	ui->screen = lv_obj_create(NULL);
	lv_obj_set_size(ui->screen, 480, 320);
	lv_obj_set_scrollbar_mode(ui->screen, LV_SCROLLBAR_MODE_OFF);

	//Write style for screen, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes screen_cont_1
	ui->screen_cont_1 = lv_obj_create(ui->screen);
	lv_obj_set_pos(ui->screen_cont_1, 0, 0);
	lv_obj_set_size(ui->screen_cont_1, 480, 320);
	lv_obj_set_scrollbar_mode(ui->screen_cont_1, LV_SCROLLBAR_MODE_OFF);

	//Write style for screen_cont_1, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_border_width(ui->screen_cont_1, 2, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_opa(ui->screen_cont_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_color(ui->screen_cont_1, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_side(ui->screen_cont_1, LV_BORDER_SIDE_FULL, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->screen_cont_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_opa(ui->screen_cont_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->screen_cont_1, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->screen_cont_1, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_top(ui->screen_cont_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_bottom(ui->screen_cont_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_left(ui->screen_cont_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_right(ui->screen_cont_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_img_src(ui->screen_cont_1, &_test2_480x320, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_img_opa(ui->screen_cont_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_img_recolor_opa(ui->screen_cont_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->screen_cont_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes screen_spangroup_3
	ui->screen_spangroup_3 = lv_spangroup_create(ui->screen_cont_1);
	lv_spangroup_set_align(ui->screen_spangroup_3, LV_TEXT_ALIGN_LEFT);
	lv_spangroup_set_overflow(ui->screen_spangroup_3, LV_SPAN_OVERFLOW_CLIP);
	lv_spangroup_set_mode(ui->screen_spangroup_3, LV_SPAN_MODE_BREAK);
	//create span 
	ui->screen_spangroup_3_span = lv_spangroup_new_span(ui->screen_spangroup_3);
	lv_span_set_text(ui->screen_spangroup_3_span, "hello");
	lv_style_set_text_color(&ui->screen_spangroup_3_span->style, lv_color_hex(0xffffff));
	lv_style_set_text_decor(&ui->screen_spangroup_3_span->style, LV_TEXT_DECOR_NONE);
	lv_style_set_text_font(&ui->screen_spangroup_3_span->style, &lv_font_montserratMedium_12);
	lv_obj_set_pos(ui->screen_spangroup_3, 292, 257);
	lv_obj_set_size(ui->screen_spangroup_3, 64, 14);

	//Write style state: LV_STATE_DEFAULT for &style_screen_spangroup_3_main_main_default
	static lv_style_t style_screen_spangroup_3_main_main_default;
	ui_init_style(&style_screen_spangroup_3_main_main_default);
	
	lv_style_set_border_width(&style_screen_spangroup_3_main_main_default, 0);
	lv_style_set_radius(&style_screen_spangroup_3_main_main_default, 0);
	lv_style_set_bg_opa(&style_screen_spangroup_3_main_main_default, 0);
	lv_style_set_pad_top(&style_screen_spangroup_3_main_main_default, 0);
	lv_style_set_pad_right(&style_screen_spangroup_3_main_main_default, 0);
	lv_style_set_pad_bottom(&style_screen_spangroup_3_main_main_default, 0);
	lv_style_set_pad_left(&style_screen_spangroup_3_main_main_default, 0);
	lv_style_set_shadow_width(&style_screen_spangroup_3_main_main_default, 0);
	lv_obj_add_style(ui->screen_spangroup_3, &style_screen_spangroup_3_main_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_spangroup_refr_mode(ui->screen_spangroup_3);

	//Write codes screen_spangroup_2
	ui->screen_spangroup_2 = lv_spangroup_create(ui->screen_cont_1);
	lv_spangroup_set_align(ui->screen_spangroup_2, LV_TEXT_ALIGN_LEFT);
	lv_spangroup_set_overflow(ui->screen_spangroup_2, LV_SPAN_OVERFLOW_CLIP);
	lv_spangroup_set_mode(ui->screen_spangroup_2, LV_SPAN_MODE_BREAK);
	//create span 
	ui->screen_spangroup_2_span = lv_spangroup_new_span(ui->screen_spangroup_2);
	lv_span_set_text(ui->screen_spangroup_2_span, "hello");
	lv_style_set_text_color(&ui->screen_spangroup_2_span->style, lv_color_hex(0xffffff));
	lv_style_set_text_decor(&ui->screen_spangroup_2_span->style, LV_TEXT_DECOR_NONE);
	lv_style_set_text_font(&ui->screen_spangroup_2_span->style, &lv_font_montserratMedium_12);
	lv_obj_set_pos(ui->screen_spangroup_2, 189, 257);
	lv_obj_set_size(ui->screen_spangroup_2, 93, 20);

	//Write style state: LV_STATE_DEFAULT for &style_screen_spangroup_2_main_main_default
	static lv_style_t style_screen_spangroup_2_main_main_default;
	ui_init_style(&style_screen_spangroup_2_main_main_default);
	
	lv_style_set_border_width(&style_screen_spangroup_2_main_main_default, 0);
	lv_style_set_radius(&style_screen_spangroup_2_main_main_default, 0);
	lv_style_set_bg_opa(&style_screen_spangroup_2_main_main_default, 0);
	lv_style_set_pad_top(&style_screen_spangroup_2_main_main_default, 0);
	lv_style_set_pad_right(&style_screen_spangroup_2_main_main_default, 0);
	lv_style_set_pad_bottom(&style_screen_spangroup_2_main_main_default, 0);
	lv_style_set_pad_left(&style_screen_spangroup_2_main_main_default, 0);
	lv_style_set_shadow_width(&style_screen_spangroup_2_main_main_default, 0);
	lv_obj_add_style(ui->screen_spangroup_2, &style_screen_spangroup_2_main_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_spangroup_refr_mode(ui->screen_spangroup_2);

	//Write codes screen_spangroup_1
	ui->screen_spangroup_1 = lv_spangroup_create(ui->screen_cont_1);
	lv_spangroup_set_align(ui->screen_spangroup_1, LV_TEXT_ALIGN_LEFT);
	lv_spangroup_set_overflow(ui->screen_spangroup_1, LV_SPAN_OVERFLOW_CLIP);
	lv_spangroup_set_mode(ui->screen_spangroup_1, LV_SPAN_MODE_BREAK);
	//create span 
	ui->screen_spangroup_1_span = lv_spangroup_new_span(ui->screen_spangroup_1);
	lv_span_set_text(ui->screen_spangroup_1_span, "Longitude:\nlatitude:\nAltitude:");
	lv_style_set_text_color(&ui->screen_spangroup_1_span->style, lv_color_hex(0xffffff));
	lv_style_set_text_decor(&ui->screen_spangroup_1_span->style, LV_TEXT_DECOR_NONE);
	lv_style_set_text_font(&ui->screen_spangroup_1_span->style, &lv_font_montserratMedium_12);
	lv_obj_set_pos(ui->screen_spangroup_1, 217, 5);
	lv_obj_set_size(ui->screen_spangroup_1, 254, 37);

	//Write style state: LV_STATE_DEFAULT for &style_screen_spangroup_1_main_main_default
	static lv_style_t style_screen_spangroup_1_main_main_default;
	ui_init_style(&style_screen_spangroup_1_main_main_default);
	
	lv_style_set_border_width(&style_screen_spangroup_1_main_main_default, 1);
	lv_style_set_border_opa(&style_screen_spangroup_1_main_main_default, 255);
	lv_style_set_border_color(&style_screen_spangroup_1_main_main_default, lv_color_hex(0x2F92DA));
	lv_style_set_border_side(&style_screen_spangroup_1_main_main_default, LV_BORDER_SIDE_FULL);
	lv_style_set_radius(&style_screen_spangroup_1_main_main_default, 1);
	lv_style_set_bg_opa(&style_screen_spangroup_1_main_main_default, 0);
	lv_style_set_pad_top(&style_screen_spangroup_1_main_main_default, 0);
	lv_style_set_pad_right(&style_screen_spangroup_1_main_main_default, 0);
	lv_style_set_pad_bottom(&style_screen_spangroup_1_main_main_default, 0);
	lv_style_set_pad_left(&style_screen_spangroup_1_main_main_default, 0);
	lv_style_set_shadow_width(&style_screen_spangroup_1_main_main_default, 0);
	lv_obj_add_style(ui->screen_spangroup_1, &style_screen_spangroup_1_main_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_spangroup_refr_mode(ui->screen_spangroup_1);

	//Write codes screen_youya
	ui->screen_youya = lv_bar_create(ui->screen_cont_1);
	lv_obj_set_style_anim_time(ui->screen_youya, 1000, 0);
	lv_bar_set_mode(ui->screen_youya, LV_BAR_MODE_NORMAL);
	lv_bar_set_range(ui->screen_youya, 0, 100);
	lv_bar_set_value(ui->screen_youya, 50, LV_ANIM_ON);
	lv_obj_set_pos(ui->screen_youya, 118, 281);
	lv_obj_set_size(ui->screen_youya, 349, 27);

	//Write style for screen_youya, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_youya, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->screen_youya, 10, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->screen_youya, 2, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_color(ui->screen_youya, lv_color_hex(0x000000), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_opa(ui->screen_youya, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_spread(ui->screen_youya, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_ofs_x(ui->screen_youya, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_ofs_y(ui->screen_youya, 1, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style for screen_youya, Part: LV_PART_INDICATOR, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_youya, 255, LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->screen_youya, lv_color_hex(0x2195f6), LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->screen_youya, LV_GRAD_DIR_NONE, LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->screen_youya, 10, LV_PART_INDICATOR|LV_STATE_DEFAULT);

	//Write codes screen_label_1
	ui->screen_label_1 = lv_label_create(ui->screen_cont_1);
	lv_label_set_text(ui->screen_label_1, "Km/h\n");
	lv_label_set_long_mode(ui->screen_label_1, LV_LABEL_LONG_WRAP);
	lv_obj_set_pos(ui->screen_label_1, 79, 141);
	lv_obj_set_size(ui->screen_label_1, 100, 32);

	//Write style for screen_label_1, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_border_width(ui->screen_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->screen_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_color(ui->screen_label_1, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->screen_label_1, &lv_font_montserratMedium_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->screen_label_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_letter_space(ui->screen_label_1, 2, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_line_space(ui->screen_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_align(ui->screen_label_1, LV_TEXT_ALIGN_CENTER, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_opa(ui->screen_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_top(ui->screen_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_right(ui->screen_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_bottom(ui->screen_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_left(ui->screen_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->screen_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes screen_meter_1
	ui->screen_meter_1 = lv_meter_create(ui->screen_cont_1);
	// add scale ui->screen_meter_1_scale_0
	ui->screen_meter_1_scale_0 = lv_meter_add_scale(ui->screen_meter_1);
	lv_meter_set_scale_ticks(ui->screen_meter_1, ui->screen_meter_1_scale_0, 41, 5, 10, lv_color_hex(0x2F35DA));
	lv_meter_set_scale_major_ticks(ui->screen_meter_1, ui->screen_meter_1_scale_0, 8, 1, 5, lv_color_hex(0xD01FBB), 2);
	lv_meter_set_scale_range(ui->screen_meter_1, ui->screen_meter_1_scale_0, 0, 400, 300, 90);

	// add arc for ui->screen_meter_1_scale_0
	ui->screen_meter_1_scale_0_arc_0 = lv_meter_add_arc(ui->screen_meter_1, ui->screen_meter_1_scale_0, 1, lv_color_hex(0x2FCADA), 0);
	lv_meter_set_indicator_start_value(ui->screen_meter_1, ui->screen_meter_1_scale_0_arc_0, 0);
	lv_meter_set_indicator_end_value(ui->screen_meter_1, ui->screen_meter_1_scale_0_arc_0, 1);

	// add scale line for ui->screen_meter_1_scale_0
	ui->screen_meter_1_scale_0_scaleline_0 = lv_meter_add_scale_lines(ui->screen_meter_1, ui->screen_meter_1_scale_0, lv_color_hex(0xffff00), lv_color_hex(0xff00ff), true, 0);
	lv_meter_set_indicator_start_value(ui->screen_meter_1, ui->screen_meter_1_scale_0_scaleline_0, 0);
	lv_meter_set_indicator_end_value(ui->screen_meter_1, ui->screen_meter_1_scale_0_scaleline_0, 20);

	// add needle line for ui->screen_meter_1_scale_0.
	ui->screen_meter_1_scale_0_ndline_0 = lv_meter_add_needle_line(ui->screen_meter_1, ui->screen_meter_1_scale_0, 5, lv_color_hex(0xddff00), -10);
	lv_meter_set_indicator_value(ui->screen_meter_1, ui->screen_meter_1_scale_0_ndline_0, 80);
	lv_obj_set_pos(ui->screen_meter_1, 50, 50);
	lv_obj_set_size(ui->screen_meter_1, 150, 150);

	//Write style for screen_meter_1, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_meter_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->screen_meter_1, 100, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(ui->screen_meter_1, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_opa(ui->screen_meter_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_color(ui->screen_meter_1, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_side(ui->screen_meter_1, LV_BORDER_SIDE_FULL, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->screen_meter_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style for screen_meter_1, Part: LV_PART_TICKS, State: LV_STATE_DEFAULT.
	lv_obj_set_style_text_color(ui->screen_meter_1, lv_color_hex(0xff0000), LV_PART_TICKS|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->screen_meter_1, &lv_font_montserratMedium_12, LV_PART_TICKS|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->screen_meter_1, 255, LV_PART_TICKS|LV_STATE_DEFAULT);

	//Write style for screen_meter_1, Part: LV_PART_INDICATOR, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_meter_1, 255, LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->screen_meter_1, lv_color_hex(0x000000), LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->screen_meter_1, LV_GRAD_DIR_NONE, LV_PART_INDICATOR|LV_STATE_DEFAULT);

	//Write codes screen_label_2
	ui->screen_label_2 = lv_label_create(ui->screen_cont_1);
	lv_label_set_text(ui->screen_label_2, "read/s\n");
	lv_label_set_long_mode(ui->screen_label_2, LV_LABEL_LONG_WRAP);
	lv_obj_set_pos(ui->screen_label_2, 330, 141);
	lv_obj_set_size(ui->screen_label_2, 100, 32);

	//Write style for screen_label_2, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_border_width(ui->screen_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->screen_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_color(ui->screen_label_2, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->screen_label_2, &lv_font_montserratMedium_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->screen_label_2, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_letter_space(ui->screen_label_2, 2, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_line_space(ui->screen_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_align(ui->screen_label_2, LV_TEXT_ALIGN_CENTER, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_opa(ui->screen_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_top(ui->screen_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_right(ui->screen_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_bottom(ui->screen_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_left(ui->screen_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->screen_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes screen_meter_2
	ui->screen_meter_2 = lv_meter_create(ui->screen_cont_1);
	// add scale ui->screen_meter_2_scale_0
	ui->screen_meter_2_scale_0 = lv_meter_add_scale(ui->screen_meter_2);
	lv_meter_set_scale_ticks(ui->screen_meter_2, ui->screen_meter_2_scale_0, 41, 5, 10, lv_color_hex(0x2F35DA));
	lv_meter_set_scale_major_ticks(ui->screen_meter_2, ui->screen_meter_2_scale_0, 8, 1, 5, lv_color_hex(0xD01FBB), 2);
	lv_meter_set_scale_range(ui->screen_meter_2, ui->screen_meter_2_scale_0, 0, 10000, 300, 90);

	// add arc for ui->screen_meter_2_scale_0
	ui->screen_meter_2_scale_0_arc_0 = lv_meter_add_arc(ui->screen_meter_2, ui->screen_meter_2_scale_0, 1, lv_color_hex(0x2FCADA), 0);
	lv_meter_set_indicator_start_value(ui->screen_meter_2, ui->screen_meter_2_scale_0_arc_0, 0);
	lv_meter_set_indicator_end_value(ui->screen_meter_2, ui->screen_meter_2_scale_0_arc_0, 1);

	// add scale line for ui->screen_meter_2_scale_0
	ui->screen_meter_2_scale_0_scaleline_0 = lv_meter_add_scale_lines(ui->screen_meter_2, ui->screen_meter_2_scale_0, lv_color_hex(0xffff00), lv_color_hex(0xff00ff), true, 0);
	lv_meter_set_indicator_start_value(ui->screen_meter_2, ui->screen_meter_2_scale_0_scaleline_0, 0);
	lv_meter_set_indicator_end_value(ui->screen_meter_2, ui->screen_meter_2_scale_0_scaleline_0, 20);

	// add needle line for ui->screen_meter_2_scale_0.
	ui->screen_meter_2_scale_0_ndline_0 = lv_meter_add_needle_line(ui->screen_meter_2, ui->screen_meter_2_scale_0, 5, lv_color_hex(0xddff00), -10);
	lv_meter_set_indicator_value(ui->screen_meter_2, ui->screen_meter_2_scale_0_ndline_0, 80);
	lv_obj_set_pos(ui->screen_meter_2, 300, 50);
	lv_obj_set_size(ui->screen_meter_2, 150, 150);

	//Write style for screen_meter_2, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_meter_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->screen_meter_2, 100, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(ui->screen_meter_2, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_opa(ui->screen_meter_2, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_color(ui->screen_meter_2, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_side(ui->screen_meter_2, LV_BORDER_SIDE_FULL, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->screen_meter_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style for screen_meter_2, Part: LV_PART_TICKS, State: LV_STATE_DEFAULT.
	lv_obj_set_style_text_color(ui->screen_meter_2, lv_color_hex(0xff0000), LV_PART_TICKS|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->screen_meter_2, &lv_font_montserratMedium_12, LV_PART_TICKS|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->screen_meter_2, 255, LV_PART_TICKS|LV_STATE_DEFAULT);

	//Write style for screen_meter_2, Part: LV_PART_INDICATOR, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_meter_2, 255, LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->screen_meter_2, lv_color_hex(0x000000), LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->screen_meter_2, LV_GRAD_DIR_NONE, LV_PART_INDICATOR|LV_STATE_DEFAULT);

	//Write codes screen_time_1
	ui->screen_time_1 = lv_spangroup_create(ui->screen_cont_1);
	lv_spangroup_set_align(ui->screen_time_1, LV_TEXT_ALIGN_LEFT);
	lv_spangroup_set_overflow(ui->screen_time_1, LV_SPAN_OVERFLOW_CLIP);
	lv_spangroup_set_mode(ui->screen_time_1, LV_SPAN_MODE_BREAK);
	//create span 
	ui->screen_time_1_span = lv_spangroup_new_span(ui->screen_time_1);
	lv_span_set_text(ui->screen_time_1_span, "time:23:59:55");
	lv_style_set_text_color(&ui->screen_time_1_span->style, lv_color_hex(0xffffff));
	lv_style_set_text_decor(&ui->screen_time_1_span->style, LV_TEXT_DECOR_NONE);
	lv_style_set_text_font(&ui->screen_time_1_span->style, &lv_font_montserratMedium_20);
	lv_obj_set_pos(ui->screen_time_1, 5, 5);
	lv_obj_set_size(ui->screen_time_1, 200, 16);

	//Write style state: LV_STATE_DEFAULT for &style_screen_time_1_main_main_default
	static lv_style_t style_screen_time_1_main_main_default;
	ui_init_style(&style_screen_time_1_main_main_default);
	
	lv_style_set_border_width(&style_screen_time_1_main_main_default, 1);
	lv_style_set_border_opa(&style_screen_time_1_main_main_default, 255);
	lv_style_set_border_color(&style_screen_time_1_main_main_default, lv_color_hex(0x2F92DA));
	lv_style_set_border_side(&style_screen_time_1_main_main_default, LV_BORDER_SIDE_FULL);
	lv_style_set_radius(&style_screen_time_1_main_main_default, 1);
	lv_style_set_bg_opa(&style_screen_time_1_main_main_default, 0);
	lv_style_set_pad_top(&style_screen_time_1_main_main_default, 0);
	lv_style_set_pad_right(&style_screen_time_1_main_main_default, 0);
	lv_style_set_pad_bottom(&style_screen_time_1_main_main_default, 0);
	lv_style_set_pad_left(&style_screen_time_1_main_main_default, 0);
	lv_style_set_shadow_width(&style_screen_time_1_main_main_default, 0);
	lv_obj_add_style(ui->screen_time_1, &style_screen_time_1_main_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_spangroup_refr_mode(ui->screen_time_1);

	//Write codes screen_cont_2
	ui->screen_cont_2 = lv_obj_create(ui->screen_cont_1);
	lv_obj_set_pos(ui->screen_cont_2, 58, 276);
	lv_obj_set_size(ui->screen_cont_2, 48, 38);
	lv_obj_set_scrollbar_mode(ui->screen_cont_2, LV_SCROLLBAR_MODE_OFF);

	//Write style for screen_cont_2, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_border_width(ui->screen_cont_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->screen_cont_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_opa(ui->screen_cont_2, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->screen_cont_2, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->screen_cont_2, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_top(ui->screen_cont_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_bottom(ui->screen_cont_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_left(ui->screen_cont_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_right(ui->screen_cont_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_img_src(ui->screen_cont_2, &_test3_48x38, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_img_opa(ui->screen_cont_2, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_img_recolor_opa(ui->screen_cont_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->screen_cont_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes screen_meter_3
	ui->screen_meter_3 = lv_meter_create(ui->screen_cont_1);
	// add scale ui->screen_meter_3_scale_0
	ui->screen_meter_3_scale_0 = lv_meter_add_scale(ui->screen_meter_3);
	lv_meter_set_scale_ticks(ui->screen_meter_3, ui->screen_meter_3_scale_0, 41, 1, 5, lv_color_hex(0x2F35DA));
	lv_meter_set_scale_major_ticks(ui->screen_meter_3, ui->screen_meter_3_scale_0, 10, 1, 1, lv_color_hex(0xD01FBB), 2);

	// add arc for ui->screen_meter_3_scale_0
	ui->screen_meter_3_scale_0_arc_0 = lv_meter_add_arc(ui->screen_meter_3, ui->screen_meter_3_scale_0, 1, lv_color_hex(0x2FCADA), 0);
	lv_meter_set_indicator_start_value(ui->screen_meter_3, ui->screen_meter_3_scale_0_arc_0, 0);
	lv_meter_set_indicator_end_value(ui->screen_meter_3, ui->screen_meter_3_scale_0_arc_0, 1);

	// add scale line for ui->screen_meter_3_scale_0
	ui->screen_meter_3_scale_0_scaleline_0 = lv_meter_add_scale_lines(ui->screen_meter_3, ui->screen_meter_3_scale_0, lv_color_hex(0xffff00), lv_color_hex(0xff00ff), true, 0);
	lv_meter_set_indicator_start_value(ui->screen_meter_3, ui->screen_meter_3_scale_0_scaleline_0, 0);
	lv_meter_set_indicator_end_value(ui->screen_meter_3, ui->screen_meter_3_scale_0_scaleline_0, 20);

	// add needle line for ui->screen_meter_3_scale_0.
	ui->screen_meter_3_scale_0_ndline_0 = lv_meter_add_needle_line(ui->screen_meter_3, ui->screen_meter_3_scale_0, 5, lv_color_hex(0xddff00), -10);
	lv_meter_set_indicator_value(ui->screen_meter_3, ui->screen_meter_3_scale_0_ndline_0, 80);
	lv_obj_set_pos(ui->screen_meter_3, 166, 168);
	lv_obj_set_size(ui->screen_meter_3, 80, 80);

	//Write style for screen_meter_3, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_meter_3, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->screen_meter_3, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(ui->screen_meter_3, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_opa(ui->screen_meter_3, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_color(ui->screen_meter_3, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_side(ui->screen_meter_3, LV_BORDER_SIDE_FULL, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->screen_meter_3, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style for screen_meter_3, Part: LV_PART_TICKS, State: LV_STATE_DEFAULT.
	lv_obj_set_style_text_color(ui->screen_meter_3, lv_color_hex(0xff0000), LV_PART_TICKS|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->screen_meter_3, &lv_font_montserratMedium_12, LV_PART_TICKS|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->screen_meter_3, 255, LV_PART_TICKS|LV_STATE_DEFAULT);

	//Write style for screen_meter_3, Part: LV_PART_INDICATOR, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_meter_3, 255, LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->screen_meter_3, lv_color_hex(0x000000), LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->screen_meter_3, LV_GRAD_DIR_NONE, LV_PART_INDICATOR|LV_STATE_DEFAULT);

	//Write codes screen_meter_4
	ui->screen_meter_4 = lv_meter_create(ui->screen_cont_1);
	// add scale ui->screen_meter_4_scale_0
	ui->screen_meter_4_scale_0 = lv_meter_add_scale(ui->screen_meter_4);
	lv_meter_set_scale_ticks(ui->screen_meter_4, ui->screen_meter_4_scale_0, 41, 1, 5, lv_color_hex(0x2F35DA));
	lv_meter_set_scale_major_ticks(ui->screen_meter_4, ui->screen_meter_4_scale_0, 10, 1, 1, lv_color_hex(0xD01FBB), 2);

	// add arc for ui->screen_meter_4_scale_0
	ui->screen_meter_4_scale_0_arc_0 = lv_meter_add_arc(ui->screen_meter_4, ui->screen_meter_4_scale_0, 1, lv_color_hex(0x2FCADA), 0);
	lv_meter_set_indicator_start_value(ui->screen_meter_4, ui->screen_meter_4_scale_0_arc_0, 0);
	lv_meter_set_indicator_end_value(ui->screen_meter_4, ui->screen_meter_4_scale_0_arc_0, 1);

	// add scale line for ui->screen_meter_4_scale_0
	ui->screen_meter_4_scale_0_scaleline_0 = lv_meter_add_scale_lines(ui->screen_meter_4, ui->screen_meter_4_scale_0, lv_color_hex(0xffff00), lv_color_hex(0xff00ff), true, 0);
	lv_meter_set_indicator_start_value(ui->screen_meter_4, ui->screen_meter_4_scale_0_scaleline_0, 0);
	lv_meter_set_indicator_end_value(ui->screen_meter_4, ui->screen_meter_4_scale_0_scaleline_0, 20);

	// add needle line for ui->screen_meter_4_scale_0.
	ui->screen_meter_4_scale_0_ndline_0 = lv_meter_add_needle_line(ui->screen_meter_4, ui->screen_meter_4_scale_0, 5, lv_color_hex(0xddff00), -10);
	lv_meter_set_indicator_value(ui->screen_meter_4, ui->screen_meter_4_scale_0_ndline_0, 80);
	lv_obj_set_pos(ui->screen_meter_4, 256, 169);
	lv_obj_set_size(ui->screen_meter_4, 80, 80);

	//Write style for screen_meter_4, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_meter_4, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->screen_meter_4, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(ui->screen_meter_4, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_opa(ui->screen_meter_4, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_color(ui->screen_meter_4, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_side(ui->screen_meter_4, LV_BORDER_SIDE_FULL, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->screen_meter_4, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style for screen_meter_4, Part: LV_PART_TICKS, State: LV_STATE_DEFAULT.
	lv_obj_set_style_text_color(ui->screen_meter_4, lv_color_hex(0xff0000), LV_PART_TICKS|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->screen_meter_4, &lv_font_montserratMedium_12, LV_PART_TICKS|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->screen_meter_4, 255, LV_PART_TICKS|LV_STATE_DEFAULT);

	//Write style for screen_meter_4, Part: LV_PART_INDICATOR, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->screen_meter_4, 255, LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->screen_meter_4, lv_color_hex(0x000000), LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->screen_meter_4, LV_GRAD_DIR_NONE, LV_PART_INDICATOR|LV_STATE_DEFAULT);

	//The custom code of screen.
	

	//Update current screen layout.
	lv_obj_update_layout(ui->screen);

}
